var oTable;

$(document).ready(function() {
oTable = $('#gridAplicaciones').dataTable( {
    "sDom": "Rlfrtip",
    "sScrollY": "300px",
    "bLengthChange": false, 
    "bPaginate": false,
    "fnInitComplete": function () {
            var that = this;
            this.$('td :not(:first,:last)').click( function () {
                that.fnFilter( this.innerHTML );
            } );
        },
    "iDisplayLength": 8,
    "oLanguage": {
            "oPaginate": {
                "sFirst": "Primera",
                "sLast": "&Uacuteltima",
                "sNext": "Siguiente",
                "sPrevious": "Anterior"
            },
         "sEmptyTable": "No hay datos disponibles.",
         "sInfo": "Se muestran _START_ a _END_ de _TOTAL_ aplicaciones.",
         "sInfoEmpty": "Se muestran 0 a 0 de 0 aplicaciones.",
         "sInfoFiltered": "(Filtrados de _MAX_ total de aplicaciones)",
         "sLengthMenu": "Se muestran _MENU_ aplicaciones",
         "sLoadingRecords": "Cargando informaci&oacute;n...",
         "sProcessing": "Procesando...",
         "sSearch": "Buscar:",
         "sZeroRecords": "No se encuentran coincidencias"
        }
  } ).rowGrouping(
        {
            bExpandableGrouping: true,
            iGroupingColumnIndex: 1,
            sGroupingColumnSortDirection: "asc"
        }
);
  
} );

function asignarAplicaciones(){
    
    var data = $("form input:checkbox,checked").serializeArray();
    if (data.length == 0)
        showNotify('Asignar aplicaciones.','Debe seleccionar al menos una aplicación..','error');
    else
        {
            var ids="";
            for(var i=0;i<data.length;i++){
                ids += data[i].value.toString()+",";
            }
            $("#ids").val(ids);
            $("#modalAsignaciones").modal("show");
        }
}

function ocultarMapa(){
    $('#mapa').gmap3('destroy');
    $('#mapa').addClass('ocultar');
    $('#zona').addClass('ocultar');
}

function cargaMapa()
{
  
   $('#mapa').removeClass('ocultar');
   $('#zona').removeClass('ocultar');
   $('#bodyModal').animate({
	scrollTop: $("#zona").offset().top
    }, 1500);
   $('#mapa').gmap3({
          getgeoloc:{
            callback : function(latLng){
              if (latLng){
                $(this).gmap3({
                  map:{
                    options:{
                     mapTypeControlOptions: {
                        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
                      },
                     zoom: 13,
                     maxZoom: 16, 
                     center:latLng
                    },
                    marker:{
                        latLng: latLng
                    },
                    events:{
                        click:function(map,event,context){
                            addMarker(event.latLng,context);
                        }
                     }
                   }
                  });
              }}
            }
  });
    
}

function initialize(){

}


function addMarker(latLong,context){
  var radio = document.getElementById("radio").value;
  $('#mapa').gmap3(
    { 
        clear: {
            name:["marker","circle"],
            last: true
          },
        marker:{
            latLng: latLong
        },
        circle:{
            options:{
              center: latLong,
              radius: parseInt(radio),
              fillColor : "#008BB2",
              strokeColor : "#005BB7"
            },
            callback: function(){
              $('#latitude').val(latLong.lat());
              $('#longitud').val(latLong.lng());
            }
          }
    }
  );
}


function validaAplicacion(){
    
    var data = $("#asignacionForm").serializeArray();
    if (data[1].value == "2")
        {
            if (data[4].value.length == 0)
                {
                    var inputRadio = document.getElementById("radio");
                    inputRadio.setCustomValidity("Debe indicar el radio para la validación.");
                }
            else
                {
                    var inputRadio = document.getElementById("radio");
                    inputRadio.setCustomValidity("");
                }
            
            if (data[3].value.length == 0)
                {
                    var inputLatitude = document.getElementById("latitude");
                    inputLatitude.setCustomValidity("Debe indicar un punto en el mapa.");
                }
            else
                {
                    var inputLatitude = document.getElementById("latitude");
                    inputLatitude.setCustomValidity("");
                }
        }
}


function asigna_aplicacion(){
    $.ajax({
        type:"GET",
        url:"asignaciones/asignar",
        dataType:"html",
        data: $("#asignacionForm").serializeObject(),
        beforeSend:function(){
        },
        success:function(data){
           // var result = JSON.parse(data);
            $("#asignacionForm").modal("hide");
            //$("#asignacionForm").reset();
        }
    })
}